@charset "utf-8";
.foot_conl dl{margin-right: 11%; }
@media screen and (max-width:1800px){
    
}
@media screen and (max-width:1680px){
    header,
    .mians,
    .foot_con{padding: 0 3%;}
    .foot_top{padding:30px 3%;}
    .foot_btm{padding:15px 3%;}
    .foot_conl dl{margin-right: 10%; }
}
@media screen and (max-width:1600px){
    .mian .left, .mian .right{height:310px;}
}
@media screen and (max-width:1500px){
    .product .swiper-container-product .swiper-slide,
    .product .swiper-container-product .swiper-slide .pic{height:400px;}
    .case .swiper-container-case .swiper-slide,
    .case .swiper-container-case .swiper-slide .pic,
    .case .swiper-container-case .swiper-slide:hover .show,
    .case .swiper-container-case .swiper-slide:hover .show .picc,
    .case .swiper-container-case .swiper-slide:hover .show .tct{height:390px;}
    .foot_conl dl{margin-right: 8%;}
}
@media screen and (max-width:1366px){
    .foot_conl dl{margin-right: 7.5%;}
    .lg_1340{width: 94%;}
}
@media screen and (max-width:1280px){
    .foot_conl dl{margin-right: 7%;}
}
@media screen and (max-width:1200px){
    .supplier ul{background: none;}
    .supplier ul li:nth-child(2),
    .supplier ul li:nth-child(10){left: 213px;}
    .supplier ul li:nth-child(3),
    .supplier ul li:nth-child(11){right:213px}
    .supplier ul li:nth-child(6){left: 115px;}
    .supplier ul li:nth-child(7){right:115px;}
    .supplier ul li:nth-child(4){left: 0;}
    
}
@media screen and (max-width:1024px){
    .product .swiper-container-product .swiper-slide, 
    .product .swiper-container-product .swiper-slide .pic {height: 250px;}
    .case .swiper-container-case .swiper-slide,
    .case .swiper-container-case .swiper-slide .pic,
    .case .swiper-container-case .swiper-slide:hover .show,
    .case .swiper-container-case .swiper-slide:hover .show .picc,
    .case .swiper-container-case .swiper-slide:hover .show .tct{height:200px;}
    .case .swiper-container-case .swiper-slide .show .tct .txt{padding:0 15px;}
    .case .swiper-container-case .swiper-button-prev,
    .case .swiper-container-case .swiper-button-next{width:40px;height: auto;bottom: 38px;}
    .mian .left, 
    .mian .right,
    .mian .left .pic, 
    .mian .right .pic,
    .mian .left .tct,
    .mian .right .tct{height:250px;}
    .mian .left .tct .tit,
    .mian .right .tct .tit{font-size:20px;}
    .head_right{display: none;}
    header{height:60px;position: static;}
    header h1{width: 100px;line-height: 60px;height:60px;}
    header h1 img{max-width:100%;}
    .sj_menu{display: inline-block;width:50px;height:30px;margin:0 auto;vertical-align: middle;position: absolute;right: 15px;top:25px}
    .sj_menu span{width:20px;height:2px;display: block;margin:10px auto;transition: all 1s;position: relative;background: #1573b9;}
    .sj_menu span::after,
    .sj_menu span::before{content: "";display: block;width:20px;height:2px;background: #1573b9;margin-bottom: 5px;transition: all 1s;position: absolute;}
    .sj_menu span::after{bottom:5px;}
    .sj_menu span::before{top: -5px;}

    .son .head_nav{height:780%;transition: height 1s;position: absolute;left: 0;right:0;top:80px;background: rgba(255, 255, 255, 1);z-index: 9999;}
    .son .sj_menu span{position: relative;transform: rotate(45deg);transition: all 1s;margin:5px auto;}
    .son .sj_menu span::before{transform: rotate(90deg);top:0px;position: absolute;transition: all 1s;}
    .son .sj_menu span::after{display: none;}
    .son .head_right{display: block;width:100%;background: #fff;position: absolute;left: 0;right: 0;top:50px;z-index: 33;}
    header .head_right ul{display: block;padding-top:15px;}
    header .head_right ul li{display: block;line-height: 30px;font-size: 15px;float: none;text-align: left;}
    header .head_right ul li.active a, header .head_right ul li:hover a,
    header .head_right ul li a{padding:0 3%;font-weight: 500;}
    header .head_right .search{display: block;float: none;margin:15px auto;}
    header .head_right ul li dl{height: auto;position: static;text-align: left;}
    header .head_right ul li dl dd a{display: block;text-align: left;color:#666;}

    .foot_conl{display: none;}
    .foot_conr{width:100%;}
    .banner .swiper-container-banner .swiper-button-prev, .banner .swiper-container-banner .swiper-button-next{width: 30px;height:auto;}
    .banner .swiper-container-banner .swiper-button-prev{left: 10px;}
    .banner .swiper-container-banner .swiper-button-next{right:10px;}
    .banner .swiper-pagination-banner{bottom: 15px;}
    .banner .swiper-pagination-banner .swiper-pagination-bullet{width:10px;}
    .banner .swiper-pagination-banner .swiper-pagination-bullet-active{width:20px;}
    .lg_page ul li span{width: 16%;}
    .lg_page ul li p{width: 80%;}
    .bar-nav ul{text-align: left;}
    .bar-nav ul li a{font-size: 14px;line-height: 36px;text-align: center;padding:0 10px;}
    .crumbs,
    .bar-nav{display: none;}
    .news-list ul li .pic{height:180px;}
    
}
@media screen and (max-width:768px){
    .pt-100,
    .pt-90,
    .pt-80,
    .pt-70,
    .pt-60,
    .pt-50,
    .pt-40,
    .pt-30,
    .pt-20{padding-top: 15px;}
    .pb-100,
    .pb-90,
    .pb-80,
    .pb-70,
    .pb-60,
    .pb-50,
    .pb-40,
    .pb-30,
    .pb-20{padding-bottom: 15px;}
    .supplier ul{height: auto;}
    .supplier ul li{position: static;width:32.5%;display: inline-block;vertical-align: top;transform: scale(.8) !important;}
    .mian .left .tct .ico, .mian .right .tct .ico{width:30px;height:30px;}
    .mian .left, .mian .right, .mian .left .pic, .mian .right .pic, .mian .left .tct, .mian .right .tct{height:160px;}
    footer{background: #fff;}
    .foot_top{padding:3%;}
    .foot_top .foot_logo{width:100px;height:auto;}
    .foot_top span{display: block;float: none;margin:10px 0;height:30px;}
    .foot_top span em,
    .foot_top span font,
    .foot_top span strong{font-size:16px;line-height: 30px;}
    .foot_conr p .spc{width:50%;}
    .foot_btm p span{float: none;display: block;}
    .mians_title h3{font-size: 20px;}
    .mians_title p{font-size: 14px;}
    .news_list dl,
    .news_list dl:last-child{width:100%;display: block;margin:0px auto 20px;}
    .news_list dl dt .list-tct{padding:15px;}
    .news_list dl:hover dt .list-tct .mores {transform: translateX(70%);}
    .news_list dl dt .list-tct .list-tit{font-size: 20px;}
    .news_list dl dd{padding: 0 15px;}
    .news_list dl dd a{padding:15px 0;}
    .news_list dl dd .tit{font-size: 14px;}
    .news_list dl dd .time{margin-bottom: 5px;}
    .news_list dl dt,
    .news_list dl dt .list-img,
    .news_list dl dt .list-tct{height:140px;}
    .mians .more a{width:120px;}
    .mians .more:hover a{width:130px;}
    .case .swiper-container-case .swiper-slide, 
    .case .swiper-container-case .swiper-slide .pic,
    .case .swiper-container-case .swiper-slide:hover .show, 
    .case .swiper-container-case .swiper-slide:hover .show .picc, 
    .case .swiper-container-case .swiper-slide:hover .show .tct {height: 270px;}
    .case .swiper-container-case .swiper-slide .show .tct .txt{font-size: 18px;}
    .case .swiper-container-case .swiper-slide:hover .show .tct .mores{margin-top:0;}
    .product .swiper-container-product .swiper-slide .txt{font-size: 16px;padding:0 15px;}
    .product .swiper-pagination-product{padding: 15px 0}
    .mians_title{padding-bottom: 0 !important;}
    .bar{background-size: cover !important;height:250px;}
    .product_title{font-size: 20px;}
    .product_title2{font-size: 18px;}
    .mains .mains_text{padding:15px;}
    .lg_page ul li{width:100%;display: block;float: none;padding:0;}
    header .head_right ul li:hover dl{padding:0;}
    .mains .title .title_en{font-size: 30px;}
    .mains .title .title_cn{font-size: 20px;}
    .case-list ul li,
    .case-list ul li .list-img{height:225px;}
    .case-list ul li .list-tit{font-size: 14px;line-height: 30px;height:30px;}
    .mains .title .ps{margin-top: 15px;}
    .about-left .mains_text{height: 270px;}
    .about-left,
    .about-right{width: 100%;float: none;max-width: 100%;}
    .about-right{padding-top: 15px;margin-right: 0px;}
    .about-right ul{text-align: left;}
    .about-right ul>img{transform: rotate(180deg);}
    .about-right ul li{margin:0 auto;}
    .about-right ul li span font{font-size: 30px;}
    .about-right ul li p{font-size: 14px;}
    .about-title-en{font-size: 30px;}
    .about-title-cn{font-size: 20px;}
    #yearList{display: none;}
    #btnLeft,
    #btnRight{bottom: 25%;}
    .slideBoxl,
    .slideBoxr{display: block;float: none;width:100%;margin: 0 auto;}
    .slideBoxr .tit{font-size: 22px;color:#fff;}
    .slideBoxr .mains_text{padding:0;}
    #cUl{height:590px;}
    .news-nav ul li{font-size: 16px;width:30%;min-width: 30%;margin: 0 1.3%;line-height: 30px;}
    .news-list ul li .tct .tit{font-size: 16px;line-height: 20px;height:40px;margin:5px auto;}
    .news-list ul li,
    .news-list ul li:nth-child(3n){display: block;width:100%;margin:0 auto 2%;}
    .news-list ul li .pic{height:auto;}
    .news-title h3{font-size: 20px;}
    .lg_fy_con2 dl dt,
    .lg_fy_con2 dl dd{float: none;margin: 2% auto;width:190px;}
    .contact-list ul li .list-tit{font-size: 20px;}
}
@media screen and (max-width:640px){
    .case-list ul li,
    .case-list ul li .list-img{height:200px;}
    .service-list ul li .list-left, .service-list ul li .list-right{width:100%;background-size: cover !important;height:200px;}
    .service-list ul li:hover {transform: translateX(0px);}
    .service-list ul li .list-right{padding: 15px;}
    .service-list ul li .list-right .list-ico{width:30px;height:auto;margin-bottom: 10px;}
    .service-list ul li .list-right .list-titcn{font-size: 18px;}
    .service-list ul li .list-right .list-titen{font-size: 14px;margin:0 auto 10px;}
    .service-list ul li .list-right .list-more{width:120px;line-height: 36px;font-size: 14px;}
    #cUl {height: 435px;}
    .contact-list ul li{width:100%;}
    #allmap {height: 290px;}
    .message_con h3{font-size: 16px;line-height: 30px;}
    .message_con p{font-size: 14px;line-height: 20px;}
    .he_i{margin:5px auto 0;}
    .thank_em{line-height: 30px;height:30px;}
    .thank_txt{margin-bottom: 5px;}
    .recruit_tit{padding:15px;margin-bottom: 15px;}
    .recruit_tit dl dt{border:none;margin-top:15px;}
    .recruit_tit dl dd,
    .recruit_tit dl dd:nth-child(3){width: 100%;padding:0;text-align: left;font-size: 16px;margin:10px auto 0;}
    .recruit_list ul li .tit{padding:15px;}
    .recruit_list ul li .tit span{display: block;width:100% !important;}
    .recruit_list ul li .tit span:nth-child(1){font-size: 16px;}
    .recruit_list ul li .tit span:nth-child(2){font-size: 14px;}
    .recruit_list ul li .tit span:nth-child(3){display: none;}
    .recruit_list ul li{margin-top:10px;}
    .recruit_list ul li.on .txt{padding: 15px;}
    .mian .left, .mian .right, .mian .left .pic, .mian .right .pic, .mian .left .tct, .mian .right .tct{height:130px;}
}
@media screen and (max-width:414px){
    
}
@media screen and (max-width:375px){
   
}
@media screen and (max-width:360px){}
@media screen and (max-width:320px){
    
}